<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AutoSqli</title>
<link href="/static/css/zxmk.css" rel="stylesheet" type="text/css"/>
<link rel="shortcut icon" href="static/images/favicon.ico">
<script src="/static/js/core.js" type="text/javascript"></script>
<script src="/static/js/jquery-1.11.3.min.js" type="text/javascript"></script>

</head>
<body>
<div class="top-nav">
  <div class="w1000 clearfix">
    <!--<div class="topLogo"><img src="images/xx-logo.jpg"  alt="logo"/></div>
    <div class="topLogin"> <a href="#">登陆</a>┊<a href="#">注册</a> </div>-->
    <a href="/">AutoSqli Tools</a>
    <a href="quickbuild.html" style="font-size:15px;padding-left:200px;">Quickly Bulid</a>
    <a href="customtask.html" style="font-size:15px;padding-left:60px;">Custom Task</a>
    <a href="tasklist.html" style="font-size:15px;padding-left:60px;">Task List</a>
    <a href="success.html" style="font-size:15px;padding-left:60px;">Success List</a>
  </div>
</div>
<div class="index-con" style="z-index: 0">
  <ul>
    <li class="in-kct in-course"> <a href="quickbuild.html" title="quicklybuild">
      <div class="in-block"> <i class="bigger"></i> <span class="ch show" style="display: block;float:left;">Quickly Build</span> <i class="in-none"></i> <span class="in-text" style="display: none;">
        <p><em>Use default settings</em></p>
       
        </span> </div>
      </a> </li>
    <li class="in-kct in-quest"> 
      <a href="customtask.html" title="customtask">
        <div class="in-block"> 
          <i class=""></i> <span class="ch" style="display: inline;">Custom Task</span> 
          <i class="in-none"></i> 
          <span class="in-text" style="display: none; width: 280px; left: 30px"><p><em>Use custom settings</em></p></span> 
        </div>
      </a> 
    </li>
    <li class="in-jbk in-plan"> 
      <a href="tasklist.html" title="tasklist">
        <div class="in-block"> 
          <i style="display: block;"></i> <span style="display: inline;">Task List</span> 
          <i class="in-none toLeft1" style="display: none;"></i> <span class="in-text" style="display: none;">
          <p>Check all tasks</p>
          </span> 
        </div>
      </a> 
    </li>
    <li class="in-jbk in-report"> 
      <a href="success.html" title="SuccessTask">
      <div class="in-block"> 
        <i style="display: block;"></i> <span style="display: inline;">Success</span> 
        <i class="in-none toLeft2" style="display: none;"></i> <span class="in-text" style="display: none;">
        <p>Check success tasks</p>
        </span> 
      </div>
      </a> 
    </li>
  </ul>
</div>
<script>
    seajs.use('jquery',function($) {
        $(function () {
             //
            $(".index-con .in-kct").hover(function() {
                $(this).find('i:first').addClass('smaller').removeClass('bigger')
                $(this).find('span:first').fadeOut('')
                $(this).find('.in-text').show('fast').addClass('show')
                $(this).find('.ch').removeClass('')
            }, function() {
                $(this).find('i:first').removeClass('smaller').addClass('bigger')
                $(this).find('span:first').fadeIn('')
                $(this).find('.in-text').hide('').removeClass('fast')
                $(this).find('.ch').addClass('show')
            })
            $(".index-con .in-jbk").hover(function() {
                $(this).find('i:first').addClass('hide')
                $(this).find('span:first').hide('')
                $(this).find('.in-text').show('').addClass('show')
                var num = $(this).index('.in-jbk') + 1;
                $(this).find('.in-none').show('').addClass('toLeft' + num).removeClass('toRight' + num)
                $(this).find('.ch1').removeClass('show')
            }, function() {
                $(this).find('i:first').addClass('hide')
                $(this).find('span:first').fadeIn('')
                $(this).find('.in-text').hide('').removeClass('show')
                var num = $(this).index('.in-jbk') + 1;
                $(this).find('.in-none').show().addClass('toRight' + num).removeClass('toLeft' + num)
                $(this).find('.ch1').addClass('show')
            })
            $(".index-con .in-zxl").hover(function() {
                $(this).find('i:first').addClass('hide')
                $(this).find('span:first').hide('')
                $(this).find('.in-text').show().addClass('show')
                var nums = $(this).index('.in-zxl') + 1;
                $(this).find('.in-none').show().addClass('toLeft4').removeClass('toRight4')
                $(this).find('.ch2').removeClass('show')
            }, function() {
                $(this).find('i:first').addClass('hide')
                $(this).find('span:first').fadeIn('fast')
                $(this).find('.in-text').hide().removeClass('show')
                $(this).find('.in-none').show().addClass('toRight4').removeClass('toLeft4')
                $(this).find('.ch2').addClass('show')
            });
        });
    })
</script>
</body>
</html>
